<template>
    <div class="About">
        <div class="header">
            <div class="header-img"><img src="../../assets/icondjs.png" /></div>
            <div class="header-v">version：1.0.1</div>
        </div>
        <div class="content">
            <div class="row" v-for="item in data">
                <new-cell-group :list="item" />
            </div>
        </div>
        <bottom-logo/>
    </div>
</template>

<style lang="less" scoped>
    @import '../../style/variable';
    .About{
        background-color: #f8f8f8;
        .header {
            display: flex;
            flex-direction: column;
            background-color: @color-white;
            text-align: center;
            margin-bottom: 0.8rem;
            &-img {
                display: block;
                padding-top: 2.3rem;
                padding-bottom: 1.2rem;
                img {
                    border: 1px solid #E6E6E6;
                    border-radius: 1.5rem;
                    width: 9rem;
                    height: 9rem;
                }
            }
            &-v {
                padding-bottom: 2.3rem;
                color: #7A7A7A;
                font-size: 1.6rem;
            }
        }
        .content {
            .row:nth-of-type(4), .row:nth-of-type(6) {
                margin-bottom: 0.8rem;
            }
        }
    }
</style>

<script>
    export default {
        data(){
            return {
                data: [
                    {
                        title: '关于我们',
                        // to: '/'
                    },{
                        title: '欢迎页',
                        // to: '/'
                    },{
                        title: '用户协议',
                        // to: '/'
                    },{
                        title: '隐私政策',
                        // to: '/'
                    },{
                        title: '联系我们',
                        value: "0755-82786009",
                        // to: '/'
                    },{
                        title: '微信公众号',
                        value: "大金所",
                        // to: '/'
                    }
                ]
            }
        },
        created(){
            this.$store.commit('hideNav', true);
        }
    }
</script>